{% extends 'frame.html' %}
{% block title %}Acdp Net{% endblock %}

{% block body %}

<div class="mdui-container mdui-m-t-5">
  <div class="mdui-row">
      <div class="mdui-col-xs-12 mdui-col-sm-12 mdui-col-md-8 mdui-m-b-3">
        <div class="mdui-valign">
          <svg class="mdui-m-r-1" style="height: 30px; width: 30px;" viewBox="0 0 16 16"><g fill="none"><path d="M6.923 1.379a3 3 0 0 1 2.154 0l4.962 1.908c.579.223.961.78.961 1.4v6.626a1.5 1.5 0 0 1-.961 1.4l-4.962 1.909a3 3 0 0 1-2.154 0l-4.961-1.909a1.5 1.5 0 0 1-.962-1.4V4.687a1.5 1.5 0 0 1 .962-1.4l4.961-1.908zm1.795.933a2 2 0 0 0-1.436 0l-1.384.533l5.59 2.116l1.948-.834l-4.718-1.815zM14 4.972L8.5 7.33v6.428c.074-.019.146-.042.218-.07l4.962-1.908a.5.5 0 0 0 .32-.467v-6.34zm-6.5 8.786V7.33L2 4.973v6.34a.5.5 0 0 0 .32.467l4.962 1.908c.072.028.144.051.218.07zM2.564 4.127L8 6.457l2.164-.928l-5.667-2.146l-1.933.744z" fill="currentColor"></path></g></svg>
          <div class="mdui-typo-headline"><strong>数据列表</strong></div>
          <div class="mdui-toolbar-spacer"></div>
          <div class="mdui-typo-subheading mdui-m-r-2">当前分区:</div>
          <select style="min-width: 120px;" class="mdui-select" mdui-select="{position: 'bottom'}">
            {% for i in data.branch %}
              <option onclick="Index_branch('{{i}}');">{{i}}</option>
            {% endfor %}
          </select>
        </div>

        <div class="mdui-table-fluid mdui-m-t-2 mdui-shadow-0 mdui-typo">
          <table class="mdui-table mdui-table-hoverable mduitext-color-blue">
          <thead>
              <tr>
              <th><div class="mdui-typo-subheading"><strong>Name</strong></div></th>
              <th class="mdui-table-col-numeric"><div class="mdui-typo-subheading"><strong>Last Update</strong></div></th>
              </tr>
          </thead>
          <tbody>
              {% for d in data.dirs %}
                  <tr>
                  <td><div class="mdui-typo-body-2"><a href="{{d[1]}}">{{d[0]}}</a></div></td>
                  <td><div class="mdui-typo-body-2">{{d[2]}}</div></td>
                  </tr>
              {% endfor %}
          </tbody>
          </table>
      </div>

      </div>
      
      <div class="mdui-col-xs-12 mdui-col-sm-12 mdui-col-md-4 mdui-m-b-3">
        <div class="mdui-typo-headline mdui-valign"><svg class="mdui-m-r-1" style="height: 30px; width: 30px;" viewBox="0 0 32 32"><path d="M8 18h4v2H8z" fill="currentColor"></path><path d="M14 18h4v2h-4z" fill="currentColor"></path><path d="M8 14h4v2H8z" fill="currentColor"></path><path d="M14 22h4v2h-4z" fill="currentColor"></path><path d="M20 14h4v2h-4z" fill="currentColor"></path><path d="M20 22h4v2h-4z" fill="currentColor"></path><path d="M27 3H5a2.002 2.002 0 0 0-2 2v22a2.002 2.002 0 0 0 2 2h22a2.002 2.002 0 0 0 2-2V5a2.002 2.002 0 0 0-2-2zm0 2v4H5V5zM5 27V11h22v16z" fill="currentColor"></path></svg><strong>新闻公告</strong></div>
        <div class="mdui-typo-title mdui-m-t-2">IP : {{data.ip}}</div>
        
      </div>

  </div>
</div>

{% endblock %}